<template>
	<div class="top-header">
		<h1>
			<slot></slot>
		</h1>
		<div class="header-input">
			<input type="text" :placeholder="this.$store.state.placeholder" :maxlength="this.$store.state.maxleng">
		</div>
	</div>
</template>

<script>
	export default{
		
	}
</script>

<style lang="less" scoped="scoped">
	.top-header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: .44rem;
		background-color: #ed4040;
		line-height: .44rem;
		text-align: center;
		h1{
			font-size: .18rem;
			color: white;
		}
	}
	.header-input{
		width: 96%;
		height: .38rem;
		margin: 0 auto;
		input{
			width: 100%;
			height: .4rem;
			border-radius: .2rem;
			border: 0.5px solid #ccc;
			padding-left: 15px;
		}
		input::-webkit-input-placeholder{
			color: #ccc;
			font-size: .16rem;
		}
	}
</style>
